/** Amaze UI Touch v1.0.0-rc.2 | by Amaze UI Team
  * (c) 2016 AllMobilize, Inc., Licensed under MIT
  * 2016-07-05T14:55:43+0800
  */

  [class*=animation-] {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000
  }
  
  @media (-webkit-min-device-pixel-ratio:2) {
    .g-bordered:before, .g-bordered>.col:after, .navbar:after, .tabbar:before {
      -webkit-transform: scaleY(.5) translateZ(0);
      transform: scaleY(.5) translateZ(0)
    }
  }
  
  @media (-webkit-min-device-pixel-ratio:3) {
    .g-bordered:before, .g-bordered>.col:after, .navbar:after, .tabbar:before {
      -webkit-transform: scaleY(.33) translateZ(0);
      transform: scaleY(.33) translateZ(0)
    }
  }
  
  @media (-webkit-min-device-pixel-ratio:2) {
    .g-bordered>.col:before {
      -webkit-transform: scaleX(.5) translateZ(0);
      transform: scaleX(.5) translateZ(0)
    }
  }
  
  @media (-webkit-min-device-pixel-ratio:3) {
    .g-bordered>.col:before {
      -webkit-transform: scaleX(.33) translateZ(0);
      transform: scaleX(.33) translateZ(0)
    }
  }
  
  .g-bordered, .g-bordered>.col, .navbar, .tabbar {
    position: relative
  }
  
  .g-bordered:before, .tabbar:before {
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    border-top: 1px solid #d8d8d8;
    width: 100%;
    height: 1px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
  }
  
  .g-bordered:before, .g-bordered>.col:after, .g-bordered>.col:before, .navbar:after, .tabbar:before {
    content: "";
    position: absolute;
    z-index: 15;
    display: block;
    box-sizing: content-box;
    background-color: transparent
  }
  
  .g-bordered>.col:after, .navbar:after {
    border-bottom: 1px solid #d8d8d8;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
  }
  
  .g-bordered>.col:before {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    border-right: 1px solid #d8d8d8;
    width: 1px;
    height: 100%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
  }
  
  .cf:after, .cf:before {
    content: " ";
    display: table
  }
  
  .cf:after {
    clear: both
  }
  
  .card-body .accordion, .card-body .list, .card-body .tabs {
    margin: -1.25rem -.9375rem
  }
  
  .item-header, .tabbar-label, .tabs-nav .btn, .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  
  html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
  }
  
  button, input, optgroup, select, textarea {
    margin: 0
  }
  
  article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block
  }
  
  audio, canvas, progress, video {
    display: inline-block
  }
  
  audio:not([controls]) {
    display: none;
    height: 0
  }
  
  progress, sub, sup {
    vertical-align: baseline
  }
  
  [hidden], template {
    display: none
  }
  
  a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #0e90d2;
    text-decoration: none
  }
  
  a:active, a:hover {
    outline-width: 0
  }
  
  abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted
  }
  
  b, strong {
    font-weight: bolder
  }
  
  dfn {
    font-style: italic
  }
  
  h1 {
    font-size: 2em;
    margin: .67em 0
  }
  
  mark {
    background-color: #ff0;
    color: #000
  }
  
  small {
    font-size: 80%
  }
  
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative
  }
  
  sub {
    bottom: -.25em
  }
  
  sup {
    top: -.5em
  }
  
  img {
    border-style: none;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle
  }
  
  svg:not(:root) {
    overflow: hidden
  }
  
  code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
  }
  
  figure {
    margin: 1em 40px
  }
  
  hr {
    box-sizing: content-box
  }
  
  optgroup {
    font-weight: 700
  }
  
  button, hr, input {
    overflow: visible
  }
  
  button, select {
    text-transform: none
  }
  
  [type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
    cursor: pointer
  }
  
  button[disabled], html input[disabled] {
    cursor: default
  }
  
  [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
  }
  
  [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
  }
  
  fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
  }
  
  legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
  }
  
  input {
    line-height: normal
  }
  
  textarea {
    overflow: auto
  }
  
  [type=checkbox], [type=radio], legend {
    box-sizing: border-box;
    padding: 0
  }
  
  [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
  }
  
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
  }
  
  [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
  }
  
  ::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
  }
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
  }
  
  body, html {
    height: 100%;
    font-size: 100%
  }
  
  html {
    box-sizing: border-box
  }
  
  *, :after, :before {
    box-sizing: inherit
  }
  
  * {
    outline: none;
    /*-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-touch-callout: none;
    background: -webkit-linear-gradient(top, transparent, transparent);
    background: linear-gradient(to bottom, transparent, transparent)*/
  }
  
  body {
    background: #f4f4f4;
    color: #333;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.6;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
  
  label {
    -webkit-appearance: none;
    display: block;
    font-size: 1rem;
    margin-bottom: .5rem;
    color: #333
  }
  
  #map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object {
    max-width: none!important
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0
  }
  
  .g.g-collapse .col, body, td, th {
    padding: 0
  }
  
  .fade {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
  }
  
  .fade.in {
    opacity: 1
  }
  
  .collapse {
    display: none
  }
  
  .collapse.in {
    display: block
  }
  
  tr.collapse.in {
    display: table-row
  }
  
  tbody.collapse.in {
    display: table-row-group
  }
  
  .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s ease;
    transition: height .3s ease
  }
  
  address, blockquote, dl, fieldset, figure, ol, p, pre, ul {
    margin: 0 0 1rem
  }
  
  address:last-child, blockquote:last-child, dl:last-child, fieldset:last-child, figure:last-child, hr:last-child, ol:last-child, p:last-child, pre:last-child, ul:last-child {
    margin-bottom: 0
  }
  
  *+address, *+blockquote, *+dl, *+fieldset, *+figure, *+hr, *+ol, *+p, *+pre, *+ul {
    margin-top: 1rem
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #222;
    margin: 0 0 1rem;
    line-height: 1.2
  }
  
  h1 {
    font-size: 1.5rem
  }
  
  h2 {
    font-size: 1.375rem
  }
  
  h3 {
    font-size: 1.25rem
  }
  
  h4 {
    font-size: 1.125rem
  }
  
  h5 {
    font-size: 1rem
  }
  
  h6 {
    font-size: .875rem
  }
  
  *+h1, *+h2, *+h3, *+h4, *+h5, *+h6 {
    margin-top: 1.5em
  }
  
  dl, ol, p, ul {
    line-height: 1.6
  }
  
  p {
    font-size: 1rem
  }
  
  dl, ol, ul {
    padding: 0
  }
  
  ol, ul {
    padding-left: 2em
  }
  
  ol li ol, ol li ul, ul li ol, ul li ul {
    margin-bottom: 0;
    margin-top: 0
  }
  
  dl dt {
    margin-bottom: .625rem;
    font-weight: 700
  }
  
  dl dd {
    margin: 0 0 .75rem;
    font-size: .9375rem
  }
  
  blockquote {
    font-family: Georgia, "Times New Roman", Times, SimSimSun, serif;
    padding: .625rem .625rem .625rem .9375rem;
    border-left: 3px solid #ddd
  }
  
  blockquote cite, blockquote small {
    display: block;
    font-size: .8125rem;
    color: #555
  }
  
  blockquote cite a, blockquote cite a:visited, blockquote small a, blockquote small a:visited {
    color: #555
  }
  
  hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25rem 0;
    height: 0
  }
  
  .responsive-img {
    max-width: 100%;
    height: auto;
    display: block
  }
  
  @-webkit-keyframes amt-spin {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
    }
  }
  
  @keyframes amt-spin {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
    }
  }
  
  @-webkit-keyframes amt-fade-in {
    0% {
      opacity: 0
    }
    to {
      opacity: 1
    }
  }
  
  @keyframes amt-fade-in {
    0% {
      opacity: 0
    }
    to {
      opacity: 1
    }
  }
  
  @-webkit-keyframes amt-fade-out {
    to {
      opacity: 0
    }
  }
  
  @keyframes amt-fade-out {
    to {
      opacity: 0
    }
  }
  
  @-webkit-keyframes amt-slide-top {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
    }
  }
  
  @keyframes amt-slide-top {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
    }
  }
  
  @-webkit-keyframes amt-slide-bottom {
    0% {
      opacity: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
    }
  }
  
  @keyframes amt-slide-bottom {
    0% {
      opacity: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
    }
  }
  
  @-webkit-keyframes amt-slide-left {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0)
    }
  }
  
  @keyframes amt-slide-left {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0)
    }
  }
  
  @-webkit-keyframes amt-slide-top-fixed {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
    }
  }
  
  @keyframes amt-slide-top-fixed {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
    }
  }
  
  @-webkit-keyframes amt-slide-bottom-fixed {
    0% {
      opacity: 0;
      -webkit-transform: translateY(10px);
      transform: translateY(10px)
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
    }
  }
  
  @keyframes amt-slide-bottom-fixed {
    0% {
      opacity: 0;
      -webkit-transform: translateY(10px);
      transform: translateY(10px)
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
    }
  }
  
  @-webkit-keyframes amt-shake {
    0%, to {
      -webkit-transform: translateX(0);
      transform: translateX(0)
    }
    10% {
      -webkit-transform: translateX(-9px);
      transform: translateX(-9px)
    }
    20% {
      -webkit-transform: translateX(8px);
      transform: translateX(8px)
    }
    30% {
      -webkit-transform: translateX(-7px);
      transform: translateX(-7px)
    }
    40% {
      -webkit-transform: translateX(6px);
      transform: translateX(6px)
    }
    50% {
      -webkit-transform: translateX(-5px);
      transform: translateX(-5px)
    }
    60% {
      -webkit-transform: translateX(4px);
      transform: translateX(4px)
    }
    70% {
      -webkit-transform: translateX(-3px);
      transform: translateX(-3px)
    }
    80% {
      -webkit-transform: translateX(2px);
      transform: translateX(2px)
    }
    90% {
      -webkit-transform: translateX(-1px);
      transform: translateX(-1px)
    }
  }
  
  @keyframes amt-shake {
    0%, to {
      -webkit-transform: translateX(0);
      transform: translateX(0)
    }
    10% {
      -webkit-transform: translateX(-9px);
      transform: translateX(-9px)
    }
    20% {
      -webkit-transform: translateX(8px);
      transform: translateX(8px)
    }
    30% {
      -webkit-transform: translateX(-7px);
      transform: translateX(-7px)
    }
    40% {
      -webkit-transform: translateX(6px);
      transform: translateX(6px)
    }
    50% {
      -webkit-transform: translateX(-5px);
      transform: translateX(-5px)
    }
    60% {
      -webkit-transform: translateX(4px);
      transform: translateX(4px)
    }
    70% {
      -webkit-transform: translateX(-3px);
      transform: translateX(-3px)
    }
    80% {
      -webkit-transform: translateX(2px);
      transform: translateX(2px)
    }
    90% {
      -webkit-transform: translateX(-1px);
      transform: translateX(-1px)
    }
  }
  
  @-webkit-keyframes amt-scale-up {
    0% {
      opacity: 0;
      -webkit-transform: scale(.2);
      transform: scale(.2)
    }
    to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }
  
  @keyframes amt-scale-up {
    0% {
      opacity: 0;
      -webkit-transform: scale(.2);
      transform: scale(.2)
    }
    to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }
  
  @-webkit-keyframes amt-scale-down {
    0% {
      opacity: 0;
      -webkit-transform: scale(1.8);
      transform: scale(1.8)
    }
    to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }
  
  @keyframes amt-scale-down {
    0% {
      opacity: 0;
      -webkit-transform: scale(1.8);
      transform: scale(1.8)
    }
    to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }
  
  [class*=animation-] {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
  }
  
  .animation-spin {
    -webkit-animation-name: amt-spin;
    animation-name: amt-spin
  }
  
  .animation-fade-in {
    -webkit-animation-name: amt-fade-in;
    animation-name: amt-fade-in
  }
  
  .animation-fade-out {
    -webkit-animation-name: amt-fade-out;
    animation-name: amt-fade-out
  }
  
  .animation-slide-top {
    -webkit-animation-name: amt-slide-top;
    animation-name: amt-slide-top
  }
  
  .animation-slide-bottom {
    -webkit-animation-name: amt-slide-bottom;
    animation-name: amt-slide-bottom
  }
  
  .animation-slide-left {
    -webkit-animation-name: amt-slide-left;
    animation-name: amt-slide-left
  }
  
  .animation-slide-right {
    -webkit-animation-name: amt-slide-right;
    animation-name: amt-slide-right
  }
  
  .animation-slide-top-fixed {
    -webkit-animation-name: amt-slide-top-fixed;
    animation-name: amt-slide-top-fixed
  }
  
  .animation-slide-bottom-fixed {
    -webkit-animation-name: amt-slide-bottom-fixed;
    animation-name: amt-slide-bottom-fixed
  }
  
  .animation-scale-up {
    -webkit-animation-name: amt-scale-up;
    animation-name: amt-scale-up
  }
  
  .animation-scale-down {
    -webkit-animation-name: amt-scale-down;
    animation-name: amt-scale-down
  }
  
  .container-fill {
    height: 100%
  }
  
  .container-column>.container-fill, .container-fill>.container-fill, .container-row>.container-fill {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    position: relative
  }
  
  .container-column, .container-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  
  .container-row {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: auto
  }
  
  .container-row>.container-fill {
    height: auto;
    width: auto
  }
  
  .container-align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end
  }
  
  .container-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
  }
  
  .container-direction-column>.container-align-center {
    text-align: center
  }
  
  .container-align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
  }
  
  .container-justified {
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  
  .container-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  
  .container-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  
  .container-justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  
  .container-scrollable {
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
  }
  
  .container-scrollable:after, .container-scrollable:before {
    content: "";
    height: 1px;
    position: absolute;
    width: 1px
  }
  
  .container-scrollable:before {
    bottom: -1px
  }
  
  .container-scrollable:after {
    top: -1px
  }
  
  .g {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  
  .g .g {
    margin-left: -.625rem;
    margin-right: -.625rem
  }
  
  [class*=g-avg-] {
    overflow: visible;
    list-style: none
  }
  
  [class*=g-avg-]>.col, [class*=g-avg-]>div, [class*=g-avg-]>li {
    padding: .625rem
  }
  
  .fb-legacy-flexbox [class*=g-avg-]>.col, .fb-legacy-flexbox [class*=g-avg-]>div, .fb-legacy-flexbox [class*=g-avg-]>li {
    display: inline-block
  }
  
  .g-wrap, [class*=g-avg-] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .g-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
  }
  
  .g-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  
  .g-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  
  .g-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  
  .g-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  
  .g-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  
  .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: .625rem;
    padding-right: .625rem
  }
  
  .col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }
  
  .fb-legacy-flexbox .col-1 {
    width: 16.66667%
  }
  
  .col-offset-1 {
    margin-left: 16.66667%
  }
  
  .order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  
  .g-avg-1>.col, .g-avg-1>div, .g-avg-1>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  
  .fb-legacy-flexbox .g-avg-1>.col, .fb-legacy-flexbox .g-avg-1>div, .fb-legacy-flexbox .g-avg-1>li {
    width: 100%
  }
  
  .g-avg-1.g-bordered>.col:nth-of-type(1n):before, .g-avg-1>div:nth-of-type(1n):before, .g-avg-1>li:nth-of-type(1n):before, .g-avg-2.g-bordered>.col:nth-of-type(2n):before, .g-avg-2>div:nth-of-type(2n):before, .g-avg-2>li:nth-of-type(2n):before, .g-avg-3.g-bordered>.col:nth-of-type(3n):before, .g-avg-3>div:nth-of-type(3n):before, .g-avg-3>li:nth-of-type(3n):before, .g-avg-4.g-bordered>.col:nth-of-type(4n):before, .g-avg-4>div:nth-of-type(4n):before, .g-avg-4>li:nth-of-type(4n):before, .g-avg-5.g-bordered>.col:nth-of-type(5n):before, .g-avg-5>div:nth-of-type(5n):before, .g-avg-5>li:nth-of-type(5n):before, .g-avg-6.g-bordered>.col:nth-of-type(6n):before, .g-avg-6>div:nth-of-type(6n):before, .g-avg-6>li:nth-of-type(6n):before {
    display: none
  }
  
  .col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
  
  .fb-legacy-flexbox .col-2 {
    width: 33.33333%
  }
  
  .col-offset-2 {
    margin-left: 33.33333%
  }
  
  .order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  
  .col-3, .g-avg-2>.col, .g-avg-2>div, .g-avg-2>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  
  .fb-legacy-flexbox .col-3, .fb-legacy-flexbox .g-avg-2>.col, .fb-legacy-flexbox .g-avg-2>div, .fb-legacy-flexbox .g-avg-2>li {
    width: 50%
  }
  
  .col-offset-3 {
    margin-left: 50%
  }
  
  .order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
  
  .col-4, .g-avg-3>.col, .g-avg-3>div, .g-avg-3>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
  
  .fb-legacy-flexbox .g-avg-3>.col, .fb-legacy-flexbox .g-avg-3>div, .fb-legacy-flexbox .g-avg-3>li {
    width: 33.33333%
  }
  
  .col-4 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }
  
  .fb-legacy-flexbox .col-4 {
    width: 66.66667%
  }
  
  .col-offset-4 {
    margin-left: 66.66667%
  }
  
  .order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }
  
  .col-5, .g-avg-4>.col, .g-avg-4>div, .g-avg-4>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  
  .fb-legacy-flexbox .g-avg-4>.col, .fb-legacy-flexbox .g-avg-4>div, .fb-legacy-flexbox .g-avg-4>li {
    width: 25%
  }
  
  .col-5 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }
  
  .fb-legacy-flexbox .col-5 {
    width: 83.33333%
  }
  
  .col-offset-5 {
    margin-left: 83.33333%
  }
  
  .order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }
  
  .col-6, .g-avg-5>.col, .g-avg-5>div, .g-avg-5>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
  
  .fb-legacy-flexbox .g-avg-5>.col, .fb-legacy-flexbox .g-avg-5>div, .fb-legacy-flexbox .g-avg-5>li {
    width: 20%
  }
  
  .col-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  
  .fb-legacy-flexbox .col-6 {
    width: 100%
  }
  
  .col-offset-6 {
    margin-left: 100%
  }
  
  .order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }
  
  .g-avg-6>.col, .g-avg-6>div, .g-avg-6>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }
  
  .fb-legacy-flexbox .g-avg-6>.col, .fb-legacy-flexbox .g-avg-6>div, .fb-legacy-flexbox .g-avg-6>li {
    width: 16.66667%
  }
  
  .col-shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    overflow: visible
  }
  
  .group {
    margin: 1.876rem 0
  }
  
  .group .list {
    margin: 0
  }
  
  .group-body {
    display: block;
    padding: .9375rem;
    background: #fff
  }
  
  .group-no-padded .group-body {
    padding: 0
  }
  
  .group-footer, .group-header {
    padding: .3125rem .9375rem;
    color: #6d6d72;
    font-size: .875rem
  }
  
  .badge {
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    cursor: default;
    min-width: 1.5rem;
    font-size: .8rem;
    padding: .33333rem .5rem;
    background: #e6e6e6;
    border-radius: 0;
    color: #333
  }
  
  .badge-primary {
    background: #0e90d2;
    border-radius: 0;
    color: #fff
  }
  
  .badge-secondary {
    background: #3bb4f2;
    border-radius: 0;
    color: #fff
  }
  
  .badge-success {
    background: #5eb95e;
    border-radius: 0;
    color: #fff
  }
  
  .badge-warning {
    background: #f37b1d
  }
  
  .badge-alert, .badge-dark, .badge-warning {
    border-radius: 0;
    color: #fff
  }
  
  .badge-alert {
    background: #dd514c
  }
  
  .badge-dark {
    background: #393939
  }
  
  .badge-radius {
    border-radius: 4px
  }
  
  .badge-rounded {
    border-radius: 1000px
  }
  
  .doc-content .badge {
    margin: 5px
  }
  
  .btn {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    vertical-align: middle;
    padding: .75em 1em;
    margin: 0 1rem 1rem 0;
    border-radius: 0;
    font-size: 1rem;
    background: #e6e6e6;
    border: 1px solid #e6e6e6;
    color: #333
  }
  
  .btn:only-child {
    margin-bottom: 0
  }
  
  .btn:focus {
    outline: none
  }
  
  .btn-group .btn {
    border-color: #c4c4c4
  }
  
  .btn.active, .btn:active, .btn:hover {
    background: #c4c4c4;
    border-color: #c4c4c4;
    color: #333
  }
  
  .btn.disabled, .btn[disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
  }
  
  .btn-block {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }
  
  .btn-primary {
    background: #0e90d2;
    border: 1px solid #0e90d2;
    color: #fff
  }
  
  .btn-group .btn-primary {
    border-color: #0c7ab3
  }
  
  .btn-primary.active, .btn-primary:active, .btn-primary:hover {
    background: #0c7ab3;
    border-color: #0c7ab3;
    color: #fff
  }
  
  .btn-secondary {
    background: #3bb4f2;
    border: 1px solid #3bb4f2;
    color: #fff
  }
  
  .btn-group .btn-secondary {
    border-color: #10a4ef
  }
  
  .btn-secondary.active, .btn-secondary:active, .btn-secondary:hover {
    background: #10a4ef;
    border-color: #10a4ef;
    color: #fff
  }
  
  .btn-success {
    background: #5eb95e;
    border: 1px solid #5eb95e;
    color: #fff
  }
  
  .btn-group .btn-success {
    border-color: #48a548
  }
  
  .btn-success.active, .btn-success:active, .btn-success:hover {
    background: #48a548;
    border-color: #48a548;
    color: #fff
  }
  
  .btn-warning {
    background: #f37b1d;
    border: 1px solid #f37b1d;
    color: #fff
  }
  
  .btn-group .btn-warning {
    border-color: #dc670c
  }
  
  .btn-warning.active, .btn-warning:active, .btn-warning:hover {
    background: #dc670c;
    border-color: #dc670c;
    color: #fff
  }
  
  .btn-alert {
    background: #dd514c;
    border: 1px solid #dd514c;
    color: #fff
  }
  
  .btn-group .btn-alert {
    border-color: #d42e28
  }
  
  .btn-alert.active, .btn-alert:active, .btn-alert:hover {
    background: #d42e28;
    border-color: #d42e28;
    color: #fff
  }
  
  .btn-dark {
    background: #393939;
    border: 1px solid #393939;
    color: #fff
  }
  
  .btn-group .btn-dark {
    border-color: #303030
  }
  
  .btn-dark.active, .btn-dark:active, .btn-dark:hover {
    background: #303030;
    border-color: #303030;
    color: #fff
  }
  
  .btn-xs {
    font-size: .75rem
  }
  
  .btn-sm {
    font-size: .875rem
  }
  
  .btn-lg {
    font-size: 1.125rem
  }
  
  .btn-xl {
    font-size: 1.25rem
  }
  
  .btn-hollow {
    background: 0 0;
    border: 1px solid #888;
    color: #888
  }
  
  .btn-hollow.active, .btn-hollow:active {
    background: #888;
    color: #fff
  }
  
  .btn-hollow.btn-primary {
    border: 1px solid #0e90d2;
    color: #0e90d2
  }
  
  .btn-hollow.btn-primary.active, .btn-hollow.btn-primary:active {
    background: #0e90d2;
    color: #fff
  }
  
  .btn-hollow.btn-secondary {
    border: 1px solid #3bb4f2;
    color: #3bb4f2
  }
  
  .btn-hollow.btn-secondary.active, .btn-hollow.btn-secondary:active {
    background: #3bb4f2;
    color: #fff
  }
  
  .btn-hollow.btn-success {
    border: 1px solid #5eb95e;
    color: #5eb95e
  }
  
  .btn-hollow.btn-success.active, .btn-hollow.btn-success:active {
    background: #5eb95e;
    color: #fff
  }
  
  .btn-hollow.btn-warning {
    border: 1px solid #f37b1d;
    color: #f37b1d
  }
  
  .btn-hollow.btn-warning.active, .btn-hollow.btn-warning:active {
    background: #f37b1d;
    color: #fff
  }
  
  .btn-hollow.btn-alert {
    border: 1px solid #dd514c;
    color: #dd514c
  }
  
  .btn-hollow.btn-alert.active, .btn-hollow.btn-alert:active {
    background: #dd514c;
    color: #fff
  }
  
  .btn-hollow.btn-dark {
    border: 1px solid #393939;
    color: #393939
  }
  
  .btn-hollow.btn-dark.active, .btn-hollow.btn-dark:active {
    background: #393939;
    color: #fff
  }
  
  .btn-radius {
    border-radius: 4px
  }
  
  .btn-rounded {
    border-radius: 1000px
  }
  
  .btn-group {
    margin: 0 0 1rem;
    list-style-type: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    font-size: 1rem
  }
  
  .btn-group>.btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    margin: 0
  }
  
  .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
    z-index: 2
  }
  
  .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: -1px
  }
  
  .btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  
  .btn-toolbar .btn-group {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
  
  .btn-toolbar, .btn-toolbar>.btn, .btn-toolbar>.btn-group {
    margin-left: -.3125rem
  }
  
  .btn-group-stacked {
    display: inline-block
  }
  
  .btn-group-stacked>.btn, .btn-group-stacked>.btn-group, .btn-group-stacked>.btn-group>.btn {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: block;
    width: 100%;
    max-width: 100%
  }
  
  .btn-group-stacked>.btn+.btn, .btn-group-stacked>.btn+.btn-group, .btn-group-stacked>.btn-group+.btn-group, .btn-group-stacked>.btn-group+.btnbtn {
    margin-top: -1px;
    margin-left: 0
  }
  
  .btn-group-justify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
  }
  
  .btn-group-justify>.btn, .btn-group-justify>.btn-group {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  
  @font-face {
    font-family: Ratchicons;
    font-weight: 400;
    font-style: normal;
    src: url(https://www.imooc.com/m/fonts/ratchicons.woff) format("woff"), url(https://www.imooc.com/m/fonts/ratchicons.ttf) format("truetype"), url(https://www.imooc.com/m/fonts/ratchicons.svg#svgFontName) format("svg")
  }
  
  .icon {
    display: inline-block;
    font-family: Ratchicons, sans-serif;
    font-size: 24px;
    line-height: 1;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
  
  .btn .icon {
    font-size: inherit
  }
  
  .icon-back:before {
    content: "\e80a"
  }
  
  .icon-bars:before {
    content: "\e80e"
  }
  
  .icon-caret:before {
    content: "\e80f"
  }
  
  .icon-check:before {
    content: "\e810"
  }
  
  .icon-close:before {
    content: "\e811"
  }
  
  .icon-code:before {
    content: "\e812"
  }
  
  .icon-compose:before {
    content: "\e813"
  }
  
  .icon-download:before {
    content: "\e815"
  }
  
  .icon-edit:before {
    content: "\e829"
  }
  
  .icon-forward:before {
    content: "\e82a"
  }
  
  .icon-gear:before {
    content: "\e821"
  }
  
  .icon-home:before {
    content: "\e82b"
  }
  
  .icon-info:before {
    content: "\e82c"
  }
  
  .icon-list:before {
    content: "\e823"
  }
  
  .icon-more-vertical:before {
    content: "\e82e"
  }
  
  .icon-more:before {
    content: "\e82f"
  }
  
  .icon-pages:before {
    content: "\e824"
  }
  
  .icon-pause:before {
    content: "\e830"
  }
  
  .icon-person:before {
    content: "\e832"
  }
  
  .icon-play:before {
    content: "\e816"
  }
  
  .icon-plus:before {
    content: "\e817"
  }
  
  .icon-refresh:before {
    content: "\e825"
  }
  
  .icon-search:before {
    content: "\e819"
  }
  
  .icon-share:before {
    content: "\e81a"
  }
  
  .icon-sound:before {
    content: "\e827"
  }
  
  .icon-sound2:before {
    content: "\e828"
  }
  
  .icon-sound3:before {
    content: "\e80b"
  }
  
  .icon-sound4:before {
    content: "\e80c"
  }
  
  .icon-star-filled:before {
    content: "\e81b"
  }
  
  .icon-star:before {
    content: "\e81c"
  }
  
  .icon-stop:before {
    content: "\e81d"
  }
  
  .icon-trash:before {
    content: "\e81e"
  }
  
  .icon-up-nav:before {
    content: "\e81f"
  }
  
  .icon-up:before {
    content: "\e80d"
  }
  
  .icon-right-nav:before {
    content: "\e818"
  }
  
  .icon-right:before {
    content: "\e826"
  }
  
  .icon-down-nav:before {
    content: "\e814"
  }
  
  .icon-down:before {
    content: "\e820"
  }
  
  .icon-left-nav:before {
    content: "\e82d"
  }
  
  .icon-left:before {
    content: "\e822 "
  }
  
  input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
    width: 100%
  }
  
  input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    box-sizing: border-box;
    padding: .75rem .5rem;
    margin-bottom: 1rem;
    border: 1px solid #ccc;
    border-radius: 0;
    outline: 0;
    background: #fff;
    color: #222;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    -webkit-transition: border .15s;
    transition: border .15s
  }
  
  input[type=color]:hover, input[type=date]:hover, input[type=datetime-local]:hover, input[type=datetime]:hover, input[type=email]:hover, input[type=month]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=time]:hover, input[type=url]:hover, input[type=week]:hover, textarea:hover {
    border-color: #bbb;
    background: #fff;
    color: #222
  }
  
  input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
    outline: 0;
    border-color: #999;
    background: #fff;
    color: #222
  }
  
  input[type=date], input[type=datetime-local], input[type=datetime] {
    height: 2.625rem
  }
  
  label>input, label>select, label>textarea {
    margin-top: .5rem
  }
  
  label .field-icon {
    display: none
  }
  
  fieldset[disabled] input, fieldset[disabled] textarea, input.disabled, input[disabled], input[readonly], textarea.disabled, textarea[disabled], textarea[readonly] {
    cursor: not-allowed
  }
  
  fieldset[disabled] input, fieldset[disabled] input:hover, fieldset[disabled] textarea, fieldset[disabled] textarea:hover, input.disabled, input.disabled:hover, input[disabled], input[disabled]:hover, input[readonly], input[readonly]:hover, textarea.disabled, textarea.disabled:hover, textarea[disabled], textarea[disabled]:hover, textarea[readonly], textarea[readonly]:hover {
    background-color: #f2f2f2
  }
  
  .form-set {
    margin-bottom: .9375rem
  }
  
  .form-set>input {
    position: relative;
    top: -1px;
    border-radius: 0!important
  }
  
  .form-set>input:not(:last-of-type) {
    margin-bottom: 0
  }
  
  .form-set>input:focus {
    z-index: 2
  }
  
  .form-set>input:first-child {
    top: 1px
  }
  
  .form-set>input:last-child {
    top: -2px
  }
  
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    background: #0e90d2
  }
  
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    width: 100%;
    margin: 0 0 .9375rem;
    font-size: 1rem;
    line-height: normal;
    color: #222;
    border-radius: 0;
    border: 1px solid #ccc;
    background: #fafafa url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20width%3D%2232%22%20height%3D%2220%22%20viewBox%3D%220%200%2032%2020%22%3E%3Cpolygon%20points%3D%220%2C0%2032%2C0%2016%2C20%22%20style%3D%22fill%3A%20#222222%22%3E%3C/polygon%3E%3C/svg%3E) right 10px center no-repeat;
    background-size: 8px 8px;
    padding: .75rem 1.625rem .75rem .5rem
  }
  
  select:hover {
    background-color: #f0f0f0
  }
  
  input[type=range]:focus, select:focus {
    outline: 0
  }
  
  select::-ms-expand {
    display: none
  }
  
  textarea {
    height: auto;
    width: 100%;
    min-height: 5rem;
    resize: vertical
  }
  
  .field-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 1rem
  }
  
  .field-group>input, .field-group>select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
  }
  
  .field-group .field-group-label, .field-group>.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0
  }
  
  .field-group .field-group-label:first-child, .field-group>.btn:first-child {
    border-right: 0
  }
  
  .field-group .field-group-label:last-child, .field-group>.btn:last-child {
    border-left: 0
  }
  
  .field-group>.btn {
    border-color: #ccc
  }
  
  .field-group-label {
    padding-left: .5rem;
    padding-right: .5rem;
    border: 1px solid #ccc;
    background: #eee;
    color: #333
  }
  
  input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
    margin-top: .25rem;
    margin-bottom: .25rem;
    border: 0;
    line-height: 1
  }
  
  input[type=range]::-webkit-slider-runnable-track {
    height: 1rem;
    background: #ddd
  }
  
  input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #0e90d2;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -.25rem;
    border: none
  }
  
  input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 1rem;
    background: #ccc
  }
  
  input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    background: #0e90d2;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -.25rem
  }
  
  input[type=range]::-ms-track {
    height: 1rem;
    background: #ddd;
    color: transparent;
    border: 0;
    overflow: visible;
    border-top: .25rem solid #f4f4f4;
    border-bottom: .25rem solid #f4f4f4
  }
  
  input[type=range]::-ms-thumb {
    background: #0e90d2;
    width: 1.5rem;
    height: 1.5rem;
    border: 0
  }
  
  input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper {
    background: #ddd
  }
  
  .field-container input[type=range] {
    margin-top: .75rem;
    margin-bottom: 1.25rem
  }
  
  output {
    line-height: 1.5rem;
    vertical-align: middle;
    margin-left: .5em
  }
  
  .card-footer, .card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2.75rem;
    padding: .625rem .9375rem
  }
  
  .card {
    margin: .625rem .9375rem;
    border-radius: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    background: #fff;
    color: #333
  }
  
  .card-header {
    border-bottom: 1px solid #eee
  }
  
  .card-cover {
    background-size: cover;
    background-position: center;
    min-height: 10rem;
    color: #f2f2f2
  }
  
  .card-cover.card-header {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end
  }
  
  .card-cover .card-title {
    color: inherit
  }
  
  .card-title {
    font-size: 1rem;
    margin: 0
  }
  
  .card-body {
    padding: 1.25rem .9375rem;
    line-height: 1.6
  }
  
  .accordion, .card-footer {
    border-top: 1px solid #eee
  }
  
  .card-footer {
    font-size: .875rem;
    color: #888
  }
  
  .accordion {
    margin: .9375rem 0;
    background: #fff
  }
  
  .card-body .accordion {
    border-top: none
  }
  
  .card-body .accordion .accordion-item:last-child {
    border-bottom: none
  }
  
  .accordion-item {
    margin: 0;
    border-bottom: 1px solid #eee
  }
  
  .accordion-item.active .accordion-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
  
  .accordion-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: .625rem .9375rem;
    font-weight: 400;
    cursor: pointer
  }
  
  .accordion-title:active, .item-linked>a:active {
    background: #eee
  }
  
  .accordion-item.disabled .accordion-title {
    cursor: default;
    pointer-events: none
  }
  
  .accordion-title .accordion-icon {
    display: block;
    font-size: 1.25rem;
    color: rgba(136, 136, 136, .45);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
  }
  
  .accordion-body {
    margin: 0!important;
    padding: 0!important;
    border: none!important
  }
  
  .accordion-content {
    padding: 0 .9375rem .625rem;
    font-size: .9375rem;
    color: #555
  }
  
  .accordion-inset {
    margin-left: .9375rem;
    margin-right: .9375rem
  }
  
  .item, .item-linked>a, .item-main, .item-title-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  
  .list {
    margin:  1.875rem 0;
    padding: 0;
    list-style: none;
    background: #fff
  }
  
  .item {
    padding: .625rem .9375rem;
    min-height: 2.75rem;
    margin-bottom: -1px;
    border: 1px solid #e6e6e6;
    border-width: 1px 0
  }
  
  .card-body .item:first-child {
    border-top: none
  }
  
  .card-body .item:last-child {
    border-bottom: none
  }
  
  .item-header {
    min-height: 0;
    padding: .1875rem .9375rem;
    border-top: 1px solid #e6e6e6;
    background: #f7f7f7;
    color: #888
  }
  
  .item-linked {
    padding: 0
  }
  
  .item-linked>a {
    width: 100%;
    padding: .625rem .46875rem .625rem .9375rem;
    color: #222
  }
  
  .item-input input, .item-input textarea, .item-main, .item-title, .item-title-row {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  
  .item-title-row~[class*=item-] {
    margin-top: .3125rem
  }
  
  .item-title {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 500
  }
  
  .item-icon {
    color: rgba(136, 136, 136, .45);
    font-size: 1.25rem
  }
  
  .item-after {
    color: #888;
    margin-left: .3125rem
  }
  
  .item-after+.icon {
    margin-left: .1875rem
  }
  
  .item-subtitle {
    color: #555
  }
  
  .item-desc {
    font-size: .875rem;
    color: #888;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.3em;
    max-height: 2.6em
  }
  
  .item-content .item-main {
    display: block
  }
  
  .item-media+.item-main {
    margin-left: .625rem
  }
  
  .item-input {
    padding-top: 0;
    padding-bottom: 0
  }
  
  .item-checkbox, .item-input, .item-radio {
    border-color: #ddd
  }
  
  .item-checkbox .field-container, .item-input .field-container, .item-radio .field-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
  }
  
  .item-input .field-label {
    display: block;
    width: 35%
  }
  
  .item-input input, .item-input input:focus, .item-input input:hover, .item-input textarea, .item-input textarea:focus, .item-input textarea:hover {
    margin: 0;
    padding: .8125rem 0;
    border: none
  }
  
  .item-checkbox, .item-radio {
    padding: 0
  }
  
  .item-checkbox .field-container, .item-radio .field-container {
    padding: 0 .9375rem
  }
  
  .item-checkbox .field-container:active, .item-radio .field-container:active {
    background: #eee
  }
  
  .item-checkbox .field-label, .item-radio .field-label {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .8125rem 0;
    line-height: normal
  }
  
  .item-checkbox input, .item-radio input {
    display: none
  }
  
  .item-checkbox input+.field-icon, .item-radio input+.field-icon {
    display: none;
    overflow: hidden;
    border-radius: .625rem;
    color: #0e90d2;
    font-size: 1.25rem
  }
  
  .item-checkbox input:checked+.field-icon, .item-radio input:checked+.field-icon {
    display: block
  }
  
  .item-checkbox .field-icon {
    background: #0e90d2;
    color: #fff!important
  }
  
  .list-inset {
    margin-left: .9375rem;
    margin-right: .9375rem
  }
  
  .loader {
    display: inline-block;
    text-align: center
  }
  
  .loader>div {
    width: 16px;
    height: 16px;
    background-color: #888;
    display: inline-block;
    -webkit-animation: amt-bouncedelay 1.4s infinite ease-in-out both;
    animation: amt-bouncedelay 1.4s infinite ease-in-out both
  }
  
  .loader>div+div {
    margin-left: 5px
  }
  
  .loader .loader-bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
  }
  
  .loader .loader-bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
  }
  
  @-webkit-keyframes amt-bouncedelay {
    0%, 80%, to {
      -webkit-transform: scale(0);
      transform: scale(0)
    }
    40% {
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }
  
  @keyframes amt-bouncedelay {
    0%, 80%, to {
      -webkit-transform: scale(0);
      transform: scale(0)
    }
    40% {
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }
  
  .loader-rounded>div {
    border-radius: 100%
  }
  
  .loader-primary>div {
    background-color: #0e90d2
  }
  
  .loader-secondary>div {
    background-color: #3bb4f2
  }
  
  .loader-success>div {
    background-color: #5eb95e
  }
  
  .loader-warning>div {
    background-color: #f37b1d
  }
  
  .loader-alert>div {
    background-color: #dd514c
  }
  
  .loader-dark>div {
    background-color: #393939
  }
  
  .loader-white>div {
    background-color: #fff
  }
  
  .modal {
    position: fixed;
    z-index: 1010;
    left: 50%;
    top: 50%;
    width: 270px;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
  }
  
  .modal:focus {
    outline: 0
  }
  
  .modal-inner {
    position: relative;
    background: #f8f8f8;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-animation: amt-modal-in .3s ease-out;
    animation: amt-modal-in .3s ease-out
  }
  
  .modal-out .modal-inner {
    -webkit-animation-name: amt-modal-out;
    animation-name: amt-modal-out
  }
  
  @-webkit-keyframes amt-modal-in {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(.5, .5, 1);
      transform: scale3d(.5, .5, 1)
    }
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      opacity: 1
    }
  }
  
  @keyframes amt-modal-in {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(.5, .5, 1);
      transform: scale3d(.5, .5, 1)
    }
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      opacity: 1
    }
  }
  
  @-webkit-keyframes amt-modal-out {
    to {
      opacity: 0;
      -webkit-transform: scale3d(.5, .5, 1);
      transform: scale3d(.5, .5, 1)
    }
  }
  
  @keyframes amt-modal-out {
    to {
      opacity: 0;
      -webkit-transform: scale3d(.5, .5, 1);
      transform: scale3d(.5, .5, 1)
    }
  }
  
  .modal-header {
    padding: .9375rem .625rem
  }
  
  .modal-title {
    margin: 0;
    font-weight: 500;
    font-size: 1.125rem
  }
  
  .modal-icon, .popup-icon {
    position: absolute;
    right: .3125rem;
    top: .3125rem;
    color: rgba(136, 136, 136, .5);
    cursor: pointer
  }
  
  .modal-icon:active, .popup-icon:active {
    color: #555;
    background: #eee
  }
  
  .modal-body {
    padding: .9375rem .625rem;
    text-align: center
  }
  
  .modal-header+.modal-body {
    padding-top: 0
  }
  
  .modal-body+.modal-body {
    margin-top: 5px
  }
  
  .modal-body input[type=text] {
    padding-top: .5em;
    padding-bottom: .5em
  }
  
  .modal-body>:last-child {
    margin-bottom: 0!important
  }
  
  .modal-body+.modal-footer {
    border-top: 1px solid #dedede
  }
  
  .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
  }
  
  .modal-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    font-size: 1rem;
    line-height: 2.75rem;
    text-align: center;
    color: #0e90d2;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  
  .modal-btn+.modal-btn {
    border-left: 1px solid #dedede
  }
  
  .modal-btn:active {
    background: #d4d4d4
  }
  
  .modal-transition-appear.modal-actions, .modal-transition-appear.popup {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  
  .modal-transition-appear-active.modal-actions, .modal-transition-appear-active.popup {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
  }
  
  .modal-out.modal-actions, .modal-out.popup {
    -webkit-animation: amt-modal-transition-out .3s linear;
    animation: amt-modal-transition-out .3s linear
  }
  
  .modal-actions {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1010;
    width: 100%;
    text-align: center
  }
  
  .modal-actions .list {
    margin: 0
  }
  
  @-webkit-keyframes amt-modal-transition-out {
    to {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0)
    }
  }
  
  @keyframes amt-modal-transition-out {
    to {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0)
    }
  }
  
  .modal-actions-group {
    margin: .625rem
  }
  
  .modal-actions-header {
    color: #888;
    font-size: .875rem
  }
  
  .modal-actions-alert {
    color: #dd514c
  }
  
  .modal-actions-alert a {
    color: inherit
  }
  
  .popup {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1010;
    background: #fff;
    overflow: hidden
  }
  
  .modal-popup-appear-active {
    color: red!important;
    border: 1px solid red
  }
  
  .popup-inner {
    padding-top: 2.75rem;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
  }
  
  .popup-header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 2.75rem;
    border-bottom: 1px solid #dedede;
    background-color: #fff
  }
  
  .popup-icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  
  .popup-title {
    margin: 0 1.875rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2.6875rem;
    text-align: center;
    color: #333
  }
  
  .popup-body {
    padding: .9375rem;
    background: #f8f8f8;
    color: #555
  }
  
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1009;
    background: rgba(0, 0, 0, .3);
    opacity: 1;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: amt-fade-in;
    animation-name: amt-fade-in
  }
  
  .modal-backdrop.modal-backdrop-out {
    -webkit-animation-name: amt-fade-out;
    animation-name: amt-fade-out
  }
  
  .navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: visible;
    height: 2.75rem;
    padding: 0 .625rem;
    line-height: 2.6875rem;
    background: #eee;
    color: #333
  }
  
  .navbar:after {
    border-color: #e2e2e2
  }
  
  .navbar-title {
    margin: 0;
    font-size: 100%;
    font-weight: 700;
    color: inherit
  }
  
  .navbar-center, .navbar-left, .navbar-right {
    display: block;
    white-space: nowrap;
    overflow: visible
  }
  
  .navbar-center:first-child:last-child, .navbar-left:first-child:last-child, .navbar-right:first-child:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
  }
  
  .navbar-nav-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
  }
  
  .fb-legacy-flexbox .navbar-nav-item {
    display: inline-block
  }
  
  .navbar-nav-item+.navbar-nav-item {
    margin-left: .625rem
  }
  
  .navbar-icon-sibling-of-title {
    font-size: inherit;
    line-height: normal
  }
  
  .navbar-left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
  }
  
  .fb-legacy-flexbox .navbar-left {
    width: 25%
  }
  
  .navbar-left .navbar-icon {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }
  
  .navbar-center, .navbar-right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: center
  }
  
  .fb-legacy-flexbox .navbar-center {
    width: 50%
  }
  
  .navbar-right {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    text-align: right
  }
  
  .fb-legacy-flexbox .navbar-right {
    width: 25%
  }
  
  .navbar-left:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
  
  .navbar-left:first-child+.navbar-right:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
  
  .navbar-center:first-child:not(:last-child) {
    margin-left: 25%
  }
  
  .navbar-center+.navbar-left {
    margin-right: -25%
  }
  
  .navbar-primary {
    background: #0e90d2;
    color: #fff
  }
  
  .navbar-primary:after {
    border-color: #0c80ba
  }
  
  .navbar-alert .navbar-nav-item, .navbar-dark .navbar-nav-item, .navbar-primary .navbar-nav-item, .navbar-secondary .navbar-nav-item, .navbar-success .navbar-nav-item, .navbar-warning .navbar-nav-item {
    color: #f2f2f2
  }
  
  .navbar-secondary {
    background: #3bb4f2;
    color: #fff
  }
  
  .navbar-secondary:after {
    border-color: #23abf0
  }
  
  .navbar-success {
    background: #5eb95e;
    color: #fff
  }
  
  .navbar-success:after {
    border-color: #4db14d
  }
  
  .navbar-warning {
    background: #f37b1d;
    color: #fff
  }
  
  .navbar-warning:after {
    border-color: #ea6e0c
  }
  
  .navbar-alert {
    background: #dd514c;
    color: #fff
  }
  
  .navbar-alert:after {
    border-color: #d93c37
  }
  
  .navbar-dark {
    background: #393939;
    color: #fff
  }
  
  .navbar-dark:after {
    border-color: #2c2c2c
  }
  
  .notification {
    top: 0;
    left: 0;
    z-index: 1100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: .625rem 1rem;
    background: rgba(34, 34, 34, .9);
    color: #fff
  }
  
  .notification-icon {
    cursor: pointer
  }
  
  .notification-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .875rem
  }
  
  .notification-content .notification-title {
    font-size: .875rem
  }
  
  .notification-content>:first-child {
    margin-top: 0
  }
  
  .notification-content>:last-child {
    margin-bottom: 0
  }
  
  .notification-title {
    margin: 0;
    color: inherit
  }
  
  .notification-primary {
    background: rgba(14, 144, 210, .9);
    color: #fff
  }
  
  .notification-secondary {
    background: rgba(59, 180, 242, .9);
    color: #fff
  }
  
  .notification-success {
    background: rgba(94, 185, 94, .9);
    color: #fff
  }
  
  .notification-warning {
    background: rgba(243, 123, 29, .9);
    color: #fff
  }
  
  .notification-alert {
    background: rgba(221, 81, 76, .9);
    color: #fff
  }
  
  .notification-animated {
    position: absolute
  }
  
  .notification-enter {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  
  .notification-enter-active {
    -webkit-animation: amt-notification-enter .3s ease-in-out;
    animation: amt-notification-enter .3s ease-in-out
  }
  
  .notification-leave {
    -webkit-animation: amt-notification-leave .3s ease-in-out;
    animation: amt-notification-leave .3s ease-in-out
  }
  
  @-webkit-keyframes amt-notification-enter {
    0% {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      opacity: .5
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1
    }
  }
  
  @keyframes amt-notification-enter {
    0% {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      opacity: .5
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1
    }
  }
  
  @-webkit-keyframes amt-notification-leave {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1
    }
    to {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      opacity: .5
    }
  }
  
  @keyframes amt-notification-leave {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1
    }
    to {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      opacity: .5
    }
  }
  
  .offcanvas {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1020;
    width: 60%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  
  .offcanvas-left {
    left: 0;
    -webkit-animation-name: offcanvas-left-in;
    animation-name: offcanvas-left-in
  }
  
  .offcanvas-left.offcanvas-out {
    -webkit-animation-name: offcanvas-left-out;
    animation-name: offcanvas-left-out
  }
  
  @-webkit-keyframes offcanvas-left-in {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
  }
  
  @keyframes offcanvas-left-in {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
  }
  
  @-webkit-keyframes offcanvas-left-out {
    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
    }
  }
  
  @keyframes offcanvas-left-out {
    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
    }
  }
  
  .offcanvas-right {
    right: 0;
    -webkit-animation-name: offcanvas-right-in;
    animation-name: offcanvas-right-in
  }
  
  .offcanvas-right.offcanvas-out {
    -webkit-animation-name: offcanvas-right-out;
    animation-name: offcanvas-right-out
  }
  
  @-webkit-keyframes offcanvas-right-in {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
  }
  
  @keyframes offcanvas-right-in {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
  }
  
  @-webkit-keyframes offcanvas-right-out {
    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
    }
  }
  
  @keyframes offcanvas-right-out {
    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
    }
  }
  
  .with-offcanvas-closing .offcanvas-push-target, .with-offcanvas-left .offcanvas-push-target, .with-offcanvas-right .offcanvas-push-target {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
  }
  
  .with-offcanvas-left .offcanvas-push-target {
    -webkit-transform: translate3d(16.875rem, 0, 0);
    transform: translate3d(16.875rem, 0, 0)
  }
  
  .with-offcanvas-right .offcanvas-push-target {
    -webkit-transform: translate3d(-16.875rem, 0, 0);
    transform: translate3d(-16.875rem, 0, 0)
  }
  
  .with-offcanvas-closing .offcanvas-push-target {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  
  .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1030;
    width: 15rem;
    margin: 0;
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: amt-slide-top-fixed;
    animation-name: amt-slide-top-fixed
  }
  
  .popover-out {
    -webkit-animation-name: amt-popover-out;
    animation-name: amt-popover-out
  }
  
  @-webkit-keyframes amt-popover-out {
    to {
      opacity: 0;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
    }
  }
  
  @keyframes amt-popover-out {
    to {
      opacity: 0;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
    }
  }
  
  .popover-inner {
    position: relative;
    z-index: 110;
    background: #fff;
    padding: 8px
  }
  
  .popover-angle, .popover-angle:after {
    border-width: 8px;
    position: absolute;
    z-index: 120;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
  }
  
  .popover-angle:after {
    content: "";
    border-width: 7px
  }
  
  .popover-angle-bottom {
    bottom: 0;
    border-top-color: #ddd;
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
    border-bottom-width: 0
  }
  
  .popover-angle-bottom:after {
    border-top-color: #fff;
    bottom: 1px;
    border-bottom-width: 0
  }
  
  .popover-angle-top {
    top: 0;
    border-bottom-color: #ddd;
    -webkit-transform: translate3d(-50%, -100%, 0);
    transform: translate3d(-50%, -100%, 0);
    border-top-width: 0
  }
  
  .popover-angle-top:after {
    top: 1px;
    border-bottom-color: #fff;
    border-top-width: 0
  }
  
  .popover-angle-bottom:after, .popover-angle-top:after {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  
  .popover-angle-left {
    left: 0;
    border-right-color: #ddd;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    border-left-width: 0
  }
  
  .popover-angle-left:after {
    border-right-color: #fff;
    top: -7px;
    left: 1px;
    border-left-width: 0
  }
  
  .popover-angle-right {
    right: 0;
    border-left-color: #ddd;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    border-right-width: 0
  }
  
  .popover-angle-right:after {
    border-left-color: #fff;
    top: -7px;
    right: 1px;
    border-right-width: 0
  }
  
  .slider, .slider-slides {
    position: relative
  }
  
  .slider ol, .slider ul {
    list-style: none;
    padding: 0
  }
  
  .slider-slides {
    width: 100%;
    overflow: hidden;
    margin: 0
  }
  
  .slider-slides>li {
    position: relative;
    display: none;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
  }
  
  .slider-slides>li>a>img, .slider-slides>li>img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 1
  }
  
  .slider-slides>li.active.right, .slider-slides>li.next {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  
  .slider-slides>li.active.left, .slider-slides>li.prev {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  
  .slider-slides>li.active, .slider-slides>li.next.left, .slider-slides>li.prev.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  
  .slider-slides>.active, .slider-slides>.next, .slider-slides>.prev {
    display: block
  }
  
  .slider-slides>.active {
    left: 0
  }
  
  .slider-slides>.next, .slider-slides>.prev {
    position: absolute;
    top: 0;
    width: 100%
  }
  
  .slider-control-next, .slider-control-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    border-radius: 50%;
    color: rgba(255, 255, 255, .7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    cursor: pointer
  }
  
  .slider-control-prev {
    left: 10px
  }
  
  .slider-control-next {
    right: 10px
  }
  
  .slider-indicators, .slider-thumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  
  .slider-indicators {
    position: absolute;
    bottom: .9375rem;
    left: 50%;
    z-index: 15;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    margin: 0
  }
  
  .slider-indicators li {
    display: block;
    width: 8px;
    height: 8px;
    overflow: hidden;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer
  }
  
  .slider-indicators li+li {
    margin-left: 8px
  }
  
  .slider-indicators .active {
    background: #fff
  }
  
  .slider-thumbs {
    margin: 5px 0 0
  }
  
  .slider-thumbs li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: .75;
    cursor: pointer;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
  }
  
  .slider-thumbs li+li {
    margin-left: 2px
  }
  
  .slider-thumbs .active {
    opacity: 1
  }
  
  .slider-caption {
    position: absolute;
    bottom: 20px;
    z-index: 10;
    width: 100%;
    padding-top: .9375rem;
    padding-bottom: .9375rem;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
  }
  
  .switch {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    -ms-flex-item-align: center;
    align-self: center;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
  }
  
  .switch input[type=checkbox] {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden
  }
  
  .switch input[type=checkbox]:checked+.switch-label:after {
    -webkit-transform: translateX(1.375rem);
    transform: translateX(1.375rem)
  }
  
  .switch.disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
  }
  
  .switch .switch-label, .switch .switch-label:after {
    background: #aaa
  }
  
  .switch .switch-label:before {
    background: #fff
  }
  
  .switch input:checked+.switch-label, .switch input:checked+.switch-label:after {
    background: #0e90d2
  }
  
  .list .switch {
    margin-bottom: 0
  }
  
  .switch-label {
    position: relative;
    display: block;
    width: 3.25rem;
    height: 1.875rem;
    border-radius: 9999px;
    -webkit-transition: background .35s;
    transition: background .35s
  }
  
  .switch-label:after, .switch-label:before {
    position: absolute;
    display: block;
    content: " ";
    -webkit-transition: all .35s;
    transition: all .35s;
    border-radius: 9999px
  }
  
  .switch-label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px
  }
  
  .switch-label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 1.375rem;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  
  .switch-secondary input:checked+.switch-label, .switch-secondary input:checked+.switch-label:after {
    background: #3bb4f2
  }
  
  .switch-success input:checked+.switch-label, .switch-success input:checked+.switch-label:after {
    background: #5eb95e
  }
  
  .switch-warning input:checked+.switch-label, .switch-warning input:checked+.switch-label:after {
    background: #f37b1d
  }
  
  .switch-alert input:checked+.switch-label, .switch-alert input:checked+.switch-label:after {
    background: #dd514c
  }
  
  .switch-dark input:checked+.switch-label, .switch-dark input:checked+.switch-label:after {
    background: #393939
  }
  
  .tabbar, .tabbar-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  
  .tabbar {
    width: 100%;
    height: 3.0625rem;
    padding: 0 1rem;
    background: #e6e6e6
  }
  
  .tabbar:before {
    border-color: #d2d2d2
  }
  
  .tabbar, .tabbar a {
    color: #888
  }
  
  .tabbar>.active, .tabbar>.active a {
    color: #0e90d2
  }
  
  .tabbar-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
  }
  
  .tabbar-item .icon {
    position: relative
  }
  
  .tabbar-item .badge {
    position: absolute;
    left: 100%;
    top: -2px;
    margin-left: -10px;
    padding: 2px 5px;
    font-size: .625rem;
    min-width: 0
  }
  
  .tabbar-item.active {
    cursor: default;
    pointer-events: none
  }
  
  .tabbar-label {
    position: relative;
    display: block;
    text-align: center
  }
  
  .icon~.tabbar-label {
    font-size: .625rem
  }
  
  .tabbar-primary {
    background: #0e90d2
  }
  
  .tabbar-primary:before {
    border-color: #0b76ac
  }
  
  .tabbar-secondary {
    background: #3bb4f2
  }
  
  .tabbar-secondary:before {
    border-color: #14a6ef
  }
  
  .tabbar-success {
    background: #5eb95e
  }
  
  .tabbar-success:before {
    border-color: #48a648
  }
  
  .tabbar-warning {
    background: #f37b1d
  }
  
  .tabbar-warning:before {
    border-color: #dc670c
  }
  
  .tabbar-alert {
    background: #dd514c
  }
  
  .tabbar-alert:before {
    border-color: #d6302a
  }
  
  .tabbar-dark {
    background: #393939
  }
  
  .tabbar-dark:before {
    border-color: #252525
  }
  
  .tabbar-alert, .tabbar-alert a, .tabbar-dark, .tabbar-dark a, .tabbar-primary, .tabbar-primary a, .tabbar-secondary, .tabbar-secondary a, .tabbar-success, .tabbar-success a, .tabbar-warning, .tabbar-warning a {
    color: #dedede
  }
  
  .tabbar-alert>.active, .tabbar-alert>.active a, .tabbar-dark>.active, .tabbar-dark>.active a, .tabbar-primary>.active, .tabbar-primary>.active a, .tabbar-secondary>.active, .tabbar-secondary>.active a, .tabbar-success>.active, .tabbar-success>.active a, .tabbar-warning>.active, .tabbar-warning>.active a {
    color: #fff
  }
  
  .tabs {
    margin: .9375rem 0;
    background: #fff
  }
  
  .tabs-nav {
    margin-bottom: 0
  }
  
  .tabs-body {
    position: relative;
    z-index: 100;
    overflow: hidden
  }
  
  .tab-panel {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
    padding: .9375rem;
    visibility: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
  
  .tab-panel.active {
    position: relative;
    z-index: 100;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  
  .tab-panel.active~.tab-panel {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
  
  .tab-panel.tab-panel-no-padded {
    padding: 0
  }
  
  .tabs-inset {
    margin-left: .9375rem;
    margin-right: .9375rem
  }
  
  .root {
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden
  }
  
  .fl {
    float: left
  }
  
  .fr {
    float: right
  }
  
  .fn {
    float: none
  }
  
  .padding-0 {
    padding: 0!important
  }
  
  .margin-0 {
    margin: 0!important
  }
  
  .padding-xs {
    padding: .3125rem!important
  }
  
  .margin-xs {
    margin: .3125rem!important
  }
  
  .padding-sm {
    padding: .625rem!important
  }
  
  .margin-sm {
    margin: .625rem!important
  }
  
  .padding {
    padding: .9375rem!important
  }
  
  .margin {
    margin: .9375rem!important
  }
  
  .padding-lg {
    padding: 1.25rem!important
  }
  
  .margin-lg {
    margin: 1.25rem!important
  }
  
  .padding-xl {
    padding: 2rem!important
  }
  
  .margin-xl {
    margin: 2rem!important
  }
  
  .padding-h-0 {
    padding-left: 0!important;
    padding-right: 0!important
  }
  
  .margin-h-0 {
    margin-left: 0!important;
    margin-right: 0!important
  }
  
  .padding-h-xs {
    padding-left: .3125rem!important;
    padding-right: .3125rem!important
  }
  
  .margin-h-xs {
    margin-left: .3125rem!important;
    margin-right: .3125rem!important
  }
  
  .padding-h-sm {
    padding-left: .625rem!important;
    padding-right: .625rem!important
  }
  
  .margin-h-sm {
    margin-left: .625rem!important;
    margin-right: .625rem!important
  }
  
  .padding-h {
    padding-left: .9375rem!important;
    padding-right: .9375rem!important
  }
  
  .margin-h {
    margin-left: .9375rem!important;
    margin-right: .9375rem!important
  }
  
  .padding-h-lg {
    padding-left: 1.25rem!important;
    padding-right: 1.25rem!important
  }
  
  .margin-h-lg {
    margin-left: 1.25rem!important;
    margin-right: 1.25rem!important
  }
  
  .padding-h-xl {
    padding-left: 2rem!important;
    padding-right: 2rem!important
  }
  
  .margin-h-xl {
    margin-left: 2rem!important;
    margin-right: 2rem!important
  }
  
  .padding-v-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
  }
  
  .margin-v-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
  }
  
  .padding-v-xs {
    padding-top: .3125rem!important;
    padding-bottom: .3125rem!important
  }
  
  .margin-v-xs {
    margin-top: .3125rem!important;
    margin-bottom: .3125rem!important
  }
  
  .padding-v-sm {
    padding-top: .625rem!important;
    padding-bottom: .625rem!important
  }
  
  .margin-v-sm {
    margin-top: .625rem!important;
    margin-bottom: .625rem!important
  }
  
  .padding-v {
    padding-top: .9375rem!important;
    padding-bottom: .9375rem!important
  }
  
  .margin-v {
    margin-top: .9375rem!important;
    margin-bottom: .9375rem!important
  }
  
  .padding-v-lg {
    padding-top: 1.25rem!important;
    padding-bottom: 1.25rem!important
  }
  
  .margin-v-lg {
    margin-top: 1.25rem!important;
    margin-bottom: 1.25rem!important
  }
  
  .padding-v-xl {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important
  }
  
  .margin-v-xl {
    margin-top: 2rem!important;
    margin-bottom: 2rem!important
  }
  
  .padding-top-0 {
    padding-top: 0!important
  }
  
  .margin-top-0 {
    margin-top: 0!important
  }
  
  .padding-top-xs {
    padding-top: .3125rem!important
  }
  
  .margin-top-xs {
    margin-top: .3125rem!important
  }
  
  .padding-top-sm {
    padding-top: .625rem!important
  }
  
  .margin-top-sm {
    margin-top: .625rem!important
  }
  
  .padding-top {
    padding-top: .9375rem!important
  }
  
  .margin-top {
    margin-top: .9375rem!important
  }
  
  .padding-top-lg {
    padding-top: 1.25rem!important
  }
  
  .margin-top-lg {
    margin-top: 1.25rem!important
  }
  
  .padding-top-xl {
    padding-top: 2rem!important
  }
  
  .margin-top-xl {
    margin-top: 2rem!important
  }
  
  .padding-right-0 {
    padding-right: 0!important
  }
  
  .margin-right-0 {
    margin-right: 0!important
  }
  
  .padding-right-xs {
    padding-right: .3125rem!important
  }
  
  .margin-right-xs {
    margin-right: .3125rem!important
  }
  
  .padding-right-sm {
    padding-right: .625rem!important
  }
  
  .margin-right-sm {
    margin-right: .625rem!important
  }
  
  .padding-right {
    padding-right: .9375rem!important
  }
  
  .margin-right {
    margin-right: .9375rem!important
  }
  
  .padding-right-lg {
    padding-right: 1.25rem!important
  }
  
  .margin-right-lg {
    margin-right: 1.25rem!important
  }
  
  .padding-right-xl {
    padding-right: 2rem!important
  }
  
  .margin-right-xl {
    margin-right: 2rem!important
  }
  
  .padding-bottom-0 {
    padding-bottom: 0!important
  }
  
  .margin-bottom-0 {
    margin-bottom: 0!important
  }
  
  .padding-bottom-xs {
    padding-bottom: .3125rem!important
  }
  
  .margin-bottom-xs {
    margin-bottom: .3125rem!important
  }
  
  .padding-bottom-sm {
    padding-bottom: .625rem!important
  }
  
  .margin-bottom-sm {
    margin-bottom: .625rem!important
  }
  
  .padding-bottom {
    padding-bottom: .9375rem!important
  }
  
  .margin-bottom {
    margin-bottom: .9375rem!important
  }
  
  .padding-bottom-lg {
    padding-bottom: 1.25rem!important
  }
  
  .margin-bottom-lg {
    margin-bottom: 1.25rem!important
  }
  
  .padding-bottom-xl {
    padding-bottom: 2rem!important
  }
  
  .margin-bottom-xl {
    margin-bottom: 2rem!important
  }
  
  .padding-left-0 {
    padding-left: 0!important
  }
  
  .margin-left-0 {
    margin-left: 0!important
  }
  
  .padding-left-xs {
    padding-left: .3125rem!important
  }
  
  .margin-left-xs {
    margin-left: .3125rem!important
  }
  
  .padding-left-sm {
    padding-left: .625rem!important
  }
  
  .margin-left-sm {
    margin-left: .625rem!important
  }
  
  .padding-left {
    padding-left: .9375rem!important
  }
  
  .margin-left {
    margin-left: .9375rem!important
  }
  
  .padding-left-lg {
    padding-left: 1.25rem!important
  }
  
  .margin-left-lg {
    margin-left: 1.25rem!important
  }
  
  .padding-left-xl {
    padding-left: 2rem!important
  }
  
  .margin-left-xl {
    margin-left: 2rem!important
  }
  
  .align-v {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  
  .align-v .align-top {
    -ms-flex-item-align: start;
    align-self: flex-start
  }
  
  .align-v .align-center {
    -ms-flex-item-align: center;
    align-self: center
  }
  
  .align-v .align-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
  }
  
  .text-left {
    text-align: left!important
  }
  
  .text-right {
    text-align: right!important
  }
  
  .text-center {
    text-align: center!important
  }
  
  .text-justify {
    text-align: justify!important
  }
  
  .text-primary {
    color: #0e90d2!important
  }
  
  .text-secondary {
    color: #3bb4f2!important
  }
  
  .text-success {
    color: #5eb95e!important
  }
  
  .text-warning {
    color: #f37b1d!important
  }
  
  .text-alert {
    color: #dd514c!important
  }
  
  .view, .views {
    width: 100%;
    height: 100%;
    overflow: hidden
  }
  
  .views {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    position: relative
  }
  
  .view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    background: #f4f4f4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }
  
  .view>.container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0
  }
  
  @-webkit-keyframes amt-view-sfl-enter {
    0% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
  }
  
  @keyframes amt-view-sfl-enter {
    0% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
  }
  
  @-webkit-keyframes amt-view-sfl-leave {
    to {
      opacity: .75;
      -webkit-transform: translate3d(25%, 0, 0);
      transform: translate3d(25%, 0, 0)
    }
  }
  
  @keyframes amt-view-sfl-leave {
    to {
      opacity: .75;
      -webkit-transform: translate3d(25%, 0, 0);
      transform: translate3d(25%, 0, 0)
    }
  }
  
  @-webkit-keyframes amt-view-sfr-enter {
    0% {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
  }
  
  @keyframes amt-view-sfr-enter {
    0% {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
  }
  
  @-webkit-keyframes amt-view-sfr-leave {
    to {
      opacity: .75;
      -webkit-transform: translate3d(-25%, 0, 0);
      transform: translate3d(-25%, 0, 0)
    }
  }
  
  @keyframes amt-view-sfr-leave {
    to {
      opacity: .75;
      -webkit-transform: translate3d(-25%, 0, 0);
      transform: translate3d(-25%, 0, 0)
    }
  }
  
  @-webkit-keyframes amt-view-rfl-enter {
    0% {
      opacity: .75;
      -webkit-transform: translate3d(75%, 0, 0);
      transform: translate3d(75%, 0, 0)
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
  }
  
  @keyframes amt-view-rfl-enter {
    0% {
      opacity: .75;
      -webkit-transform: translate3d(75%, 0, 0);
      transform: translate3d(75%, 0, 0)
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
  }
  
  @-webkit-keyframes amt-view-rfl-leave {
    0% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
    }
  }
  
  @keyframes amt-view-rfl-leave {
    0% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
    }
  }
  
  @-webkit-keyframes amt-view-rfr-enter {
    0% {
      opacity: .75;
      -webkit-transform: translate3d(-25%, 0, 0);
      transform: translate3d(-25%, 0, 0)
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
  }
  
  @keyframes amt-view-rfr-enter {
    0% {
      opacity: .75;
      -webkit-transform: translate3d(-25%, 0, 0);
      transform: translate3d(-25%, 0, 0)
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
  }
  
  @-webkit-keyframes amt-view-rfr-leave {
    to {
      opacity: .75;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
    }
  }
  
  @keyframes amt-view-rfr-leave {
    to {
      opacity: .75;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
    }
  }
  
  .view-transition-rfl-enter-active, .view-transition-rfl-leave, .view-transition-rfr-enter-active, .view-transition-rfr-leave, .view-transition-sfl-enter-active, .view-transition-sfl-leave, .view-transition-sfr-enter-active, .view-transition-sfr-leave {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: cubic-bezier(.36, .66, .04, 1);
    animation-timing-function: cubic-bezier(.36, .66, .04, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }
  
  .view-transition-sfl-enter-active, .view-transition-sfr-enter-active {
    pointer-events: none;
    z-index: 20
  }
  
  .view-transition-sfl-leave, .view-transition-sfr-leave {
    pointer-events: none;
    z-index: 10
  }
  
  .view-transition-sfr-enter-active {
    -webkit-animation-name: amt-view-sfr-enter;
    animation-name: amt-view-sfr-enter
  }
  
  .view-transition-sfl-enter-active {
    -webkit-animation-name: amt-view-sfl-enter;
    animation-name: amt-view-sfl-enter
  }
  
  .view-transition-sfr-leave {
    -webkit-animation-name: amt-view-sfr-leave;
    animation-name: amt-view-sfr-leave
  }
  
  .view-transition-sfl-leave {
    -webkit-animation-name: amt-view-sfl-leave;
    animation-name: amt-view-sfl-leave
  }
  
  .view-transition-rfl-enter-active, .view-transition-rfr-enter-active {
    pointer-events: none;
    z-index: 10
  }
  
  .view-transition-rfl-leave, .view-transition-rfr-leave {
    pointer-events: none;
    z-index: 20
  }
  
  .view-transition-rfr-enter-active {
    -webkit-animation-name: amt-view-rfr-enter;
    animation-name: amt-view-rfr-enter
  }
  
  .view-transition-rfr-leave {
    -webkit-animation-name: amt-view-rfr-leave;
    animation-name: amt-view-rfr-leave
  }
  
  .view-transition-rfl-enter-active {
    -webkit-animation-name: amt-view-rfl-enter;
    animation-name: amt-view-rfl-enter
  }
  
  .view-transition-rfl-leave {
    -webkit-animation-name: amt-view-rfl-leave;
    animation-name: amt-view-rfl-leave
  }